<!DOCTYPE html>
<html data-scale='1'>

	<head>
		<meta charset="utf-8">
		<meta name="viewport" content="width=device-width,initial-scale=1, maximum-scale=1, minimum-scale=1, user-scalable=no">
		<title>远村</title>
		<link rel="shortcut icon" type="image/x-icon" href="favicon.ico" />
		<script src="./static/js/jquery-1.11.1.min.js"></script>
		<script>
			//window.url = ' http://192.168.1.110/dangmai/index.php';
			window.url = 'http://dm.chinadangmai.com';
		</script>
		<script type="text/javascript">
			document.onreadystatechange = subSomething //当页面加载状态改变的时候执行这个方法. 
			function subSomething() {
				if(document.readyState == "complete") { //当页面加载状态 
					setTimeout(function() {
						$("#loading").remove()
					}, 500);
				}
			}
		</script>
	</head>

	<body>
		<div id="app">

		</div>
		<div class="loading-wrap" id="loading">
			<div class="spinner">
				<!--<div class="rect"></div>
				<div class="rect2"></div>
				<div class="rect3"></div>
				<div class="rect4"></div>
				<div class="rect5"></div>-->
			</div>
		</div>
	</body>

	<style type="text/css" lang="scss">
		/* loading */		
		.loading-wrap {
			z-index: 99;
			width: 100%;
			height: 100%;
			position: fixed;
			top: 0;
			left: 0;
			background: #f2f5f7;
		}
		
		.loading-wrap .spinner {
			width: 50px;
			height: 30px;
			text-align: center;
			font-size: 10px;
			position: absolute;
			top: 50%;
			left: 50%;
			margin-top: -65px;
			-webkit-transform: translate(-50%, -50%);
			-ms-transform: translate(-50%, -50%);
			transform: translate(-50%, -50%);
		}
		
		.loading-wrap .spinner>div {
			background-color: #2B89FC;
			height: 100%;
			width: 6px;
			display: inline-block;
			-webkit-animation: stretchdelay 1.2s infinite ease-in-out;
			animation: stretchdelay 1.2s infinite ease-in-out;
		}
		
		.loading-wrap .spinner .rect2 {
			-webkit-animation-delay: -1.1s;
			animation-delay: -1.1s;
		}
		
		.loading-wrap .spinner .rect3 {
			-webkit-animation-delay: -1s;
			animation-delay: -1s;
		}
		
		.loading-wrap .spinner .rect4 {
			-webkit-animation-delay: -.9s;
			animation-delay: -.9s;
		}
		
		.loading-wrap .spinner .rect5 {
			-webkit-animation-delay: -.8s;
			animation-delay: -.8s;
		}
		
		@-webkit-keyframes stretchdelay {
			0%,
			40%,
			100% {
				-webkit-transform: scaleY(.4);
			}
			20% {
				-webkit-transform: scaleY(1);
			}
		}
		
		@keyframes stretchdelay {
			0%,
			40%,
			100% {
				transform: scaleY(.4);
				-webkit-transform: scaleY(.4);
			}
			20% {
				transform: scaleY(1);
				-webkit-transform: scaleY(1);
			}
		}
	</style>

</html>